<nz-card>
  <nz-descriptions
    [nzBordered]="false"
    [nzColumn]="1"
  >
    <nz-descriptions-item nzTitle="*公司名称">{{ detailsData?.companyName || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="*公司地址">{{ detailsData?.companyAddress || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="*企业法人">{{ detailsData?.juridicalPerson || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="*组织机构代码">{{ detailsData?.uscc || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="*法人身份证号码">{{ detailsData?.juridicalIdcard || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="*公司联系电话">{{ detailsData?.companyTel || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="*公司联系邮箱">{{ detailsData?.companyEmail || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="*商务联系人">{{ detailsData?.contactsName || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="*商务电话">{{ detailsData?.contactsTel || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="公司简介">
      {{ detailsData?.companyIntroduce || '-' }}
    </nz-descriptions-item>
  </nz-descriptions>

  <nz-divider></nz-divider>

  <nz-descriptions
    [nzBordered]="false"
    [nzColumn]="1"
    nzLayout="vertical"
  >
    <nz-descriptions-item nzTitle="*文网文">
      <nz-image-group class="img-list-ul">
        <span class="img-list-li">
          <img
            *ngIf="detailsData.www"
            nz-image
            [nzSrc]="detailsData.www"
            [nzFallback]="fallback"
            alt=""
          />
        </span>
      </nz-image-group>
    </nz-descriptions-item>

    <nz-descriptions-item nzTitle="*ICP证">
      <nz-image-group class="img-list-ul">
        <span class="img-list-li">
          <img
            *ngIf="detailsData.icp"
            nz-image
            [nzSrc]="detailsData.icp"
            [nzFallback]="fallback"
            alt=""
          />
        </span>
      </nz-image-group>
    </nz-descriptions-item>

    <nz-descriptions-item nzTitle="*营业执照">
      <nz-image-group class="img-list-ul">
        <span class="img-list-li">
          <img
            *ngIf="detailsData.businessLicense"
            nz-image
            [nzSrc]="detailsData.businessLicense"
            [nzFallback]="fallback"
            alt=""
          />
        </span>
      </nz-image-group>
    </nz-descriptions-item>
  </nz-descriptions>
</nz-card>

<nz-card class="m-t-4">
  <div nz-row nzJustify="center">
    <button
      *ngIf="detailsData.status === 1"
      nz-button
      nzType="primary"
      class="m-r-10"
      (click)="showExamineModal()"
    >审核</button>

    <button
      nz-button
      nzType="default"
      (click)="pageBack()"
    >返回</button>
  </div>
</nz-card>

<!-- S 审核 Modal -->
<nz-modal
  nzClassName="custom-model-wrap"
  [nzFooter]="null"
  [(nzVisible)]="isExamineVisible"
  [nzTitle]="'审核'"
  (nzOnCancel)="isExamineVisible = false">

  <div *nzModalContent>
    <div class="custom-model-body">
      <nz-textarea-count [nzMaxCharacterCount]="150">
        <textarea
          rows="4"
          nz-input
          maxlength="150"
          placeholder="请输入审核意见"
          [(ngModel)]="auditOpinion"
        ></textarea>
      </nz-textarea-count>
    </div>

    <div class="custom-model-foot">
      <div class="custom-foot-cont">
        <button nz-button nzType="primary" (click)="subExamine(2)">审核通过</button>
        <button nz-button nzType="primary" nzDanger (click)="subExamine(3)">审核不通过</button>
      </div>
    </div>
  </div>
</nz-modal>
<!-- E 审核 Modal -->